Highlighting visual content 突出顯示視覺內容
遇到過這種情況嗎:看到圖片中有些細節想改,但不知如何描述?最簡單的方式就是直接圈出來!「高亮視覺內容」功能讓AI理解你的"指哪改哪"動作。

Vercel v0 展示了一個令人印象深刻的「Highlighting Visual Content」模式:使用者在介面中選中任意視覺元素(如按鈕、標題、文字),透過提示進行修改(如放大字號、修改文案、增強對比度),AI 自動執行並返回編輯結果。它不僅實現了區域性微調的智慧化,還保持了人類設計師的主導權。
AI-UX 模式(AI-UX Patterns)
- Highlighting visual content:透過圈選、點選元件啟用區域性編輯指令
- Human in the loop:人選定目標、發出修改請求,AI 做回應
- User curation:AI 給出結果,是否採用仍由使用者決定
使用者意圖(User Intention)
- 微調介面視覺效果(如文字大小、顏色、按鈕 CTA)
- 快速進行 A/B 實驗(不同措辭、視覺風格、內容變體)
- 降低設計協作成本(非設計師也能發起明確請求)
- 保持人工主控、但提升執行效率
入口觸點(Entry Touch Points)
- 直接點選任意可編輯的視覺元素(標題、段落、按鈕)進入編輯模式
- 懸浮工具欄出現:支援“Pick and Edit”,也可以輸入指令
- 示例指令如:“Make the heading larger and darker”
AI 互動介面(Main AI-UX Interaction)
- 使用者選擇某元素後,會自動出現提示區域(如浮層)
- 輸入目標修改內容(如:放大文字 / 替換 CTA)
- 顯示 AI 編輯後的建議文字或樣式
- 可直接點選 Update 應用,也可忽略、再改
載入狀態(Loading State)
- 動畫形式的“轉圈”圖示(進度反饋)
- 狀態標籤:例如“Writing...”表示 AI 正在生成新內容
- 頁面右上角可檢視版本歷史(v1、v2等)支援回退操作
輸出示例(Example Output)
- 原始標題文字 → 被增強為“Experience with AI”
- 增加副標題、改進語氣,使內容更清晰、富吸引力
- CTA 區域改寫為:“Learn More (10,000+ users)”,加入社證資訊
- 所有輸出都實時渲染在頁面中,方便對比原始版本
快捷說明(Quick Explanation)
- 任何元件都可以高亮 + 提示片語合進行編輯
- 使用者透過自然語言輸入修改要求
- 可執行操作包括:改文字、調字號、調整顏色、新增說明等
版本記錄(History)
- 編輯歷史以“v1/v2”形式記錄
- 支援檢視改動前後差異
- 保證使用者對每次變更可見、可控、可回退

Photoshop 的「Generative Fill」展現了極具代表性的 Highlighting Visual Content 模式。使用者只需圈選畫面中的任意區域,透過自然語言指令描述生成內容(如 cloud、mountain),AI 就能生成多個高質量影象選項供挑選,並保留操作歷史。
這是一種兼顧「人工選擇 + AI 生成」的協作模型,在傳統創作軟體中引入 AI 直覺操作,讓複雜影象編輯流程變得即時、輕量、高效。
AI-UX 模式(AI-UX Patterns)
- Highlighting visual content:透過圈選畫面區域作為“輸入”
- Human in the loop:AI 提供多個影象版本,使用者從中挑選
- User curation:最終選擇仍由人類主導
使用者意圖(User Intention)
- 替換畫面中某一塊內容(例如:天空、地面、建築)
- 在不改變整體構圖前提下“添畫”或“重畫”某部分
- 藉助 AI 提供多個創意參考版本,加快選圖與創作效率
- 降低繪圖、摳圖、合成等操作門檻
入口觸點(Entry Touch Points)
- 手動圈選畫布上的某一塊區域(使用套索工具、矩形工具等)
- 彈出「Generative Fill」指令輸入欄
- 使用者可輸入生成提示詞(Prompt),也可留空(自由探索)
AI 互動介面(Main AI-UX Interaction)
- 填寫提示詞(如 “Cloud”)後,點選 Generate
- 系統生成 3 個或更多備選影象(Variations)
- 使用者可瀏覽左右影象、點選點贊或踩、也可一鍵替換
- 生成結果預設疊加在原圖選中區域中
載入狀態(Loading State)
- 顯示進度條 + “Generating” 字樣
- 提供取消按鈕(Cancel)以終止生成
- 保證生成過程可感知、不中斷
輸出示例(Example Output)
- 原圖是藍天畫面,使用者選中某塊空白區域,輸入 “Cloud”
- AI 自動生成逼真的白雲影象,完美嵌入畫面
- 可在多個版本之間切換,選擇最合適的合成效果
- AI 內容與原圖融合度極高,保留原始結構、光影關係
操作記錄(Action History)
- 使用者每次生成記錄都會保留,可隨時回退到上一步
- AI 會記錄使用的提示詞 + 提供的影象變體
- 可再次修改 prompt 或重選區域進行新一輪生成